<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>店铺详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="../librarys/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/css.css">
    <!--[if lte IE 9]>
    <script src="../librarys/bootstrap/js/respond.js"></script>
    <script src="../librarys/bootstrap/js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
    <!--头部-->
    <div class="index-header">
        <div class="index-header-main">
            <a href="#">收藏本站<i class="fa fa-star index-header-icon"></i> </a>
            <p class="index-header-right">
                <a href="#" class="index-header-a-border">登录</a>
                <a href="#">我的订单</a>
            </p>
        </div>
    </div>
    <!--logo-->
    <div class="index-logo">
        <!--logo-->
        <div class="index-logo-img"></div>
        <!--搜索框-->
        <form action="#">
            <div class="index-logo-search">
                <i class="fa fa-search index-logo-search-icon"></i>
                <input type="text" placeholder="搜索商家、店铺、服务" class="index-logo-search-input">
                <input type="submit" value="搜索" class="index-logo-search-button">
                <p class="index-logo-search-hot"><i>热门搜索：</i><a href="#">中式婚礼</a><a href="#">西式婚礼</a><a href="#">小清新风格</a><a href="#">汉朝婚礼</a> </p>
            </div>
        </form>
        <!--购物车-->
        <a href="#">
            <div class="index-logo-shop">
                <i class="fa fa-shopping-cart fa-2x"></i>
                <span>我的购物车</span>
            </div>
        </a>
    </div>
    <!--导航栏-->
    <div class="index-banner-title">
        <div class="index-banner-title-content">
            <ul>
                <li><a href="#" class="active">首页</a></li>
                <li><a href="#">团购</a></li>
            </ul>
        </div>
    </div>
    <!--内容-->
    <div class="shop-content">
        <!--标题-->
        <div class="shop-title-content">
            <a href="#"> <img src="../images/shop-banner.jpg"></a>
            <div class="shop-title">
                <!--左-->
                    <div class="shop-title-left">
                        <span class="shop-title-left-name">PIXELFILM婚礼摄影工作室</span>
                        <p><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </p><br>
                        <span class="shop-title-left-fenlei">婚礼摄影</span>
                    </div>
                <!--中-->
                <div class="shop-title-center">
                    <a href="#" class="shop-title-center-a">25<br><span>套餐</span></a>
                    <a href="#">20<br><span>案例</span></a>
                </div>
                <!--右-->
                <div class="shop-title-right">
                    <a href="#">关注</a>
                    <a href="#">收藏</a>
                </div>
            </div>
        </div>
        <!--第二部分-->
        <div class="detail-main-item2">
            <!--左-->
            <div class="detail-main-item2-left">
                <!--店铺-->
                <div class="detail-main-item2-store shop-detail">
                    <div class="shop-detail-logo">
                        <img src="../images/shop-mb-logo.jpg">
                    </div>
                    <h2 class="shop-detail-h2">PIXELFILM婚礼摄影工作室</h2>
                    <div>
                        <span class="shop-detail-focus">28人已关注 <i class="fa fa-heart-o shop-detail-focus-color2"></i></span>
                        <a class="detail-main-item2-store-tell shop-detail-tell shop-detail-focus" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                            私信商家<span class="fa-stack">
                                      <i class="fa fa-square fa-stack-2x shop-detail-focus-color"></i>
                                      <i class="fa fa-phone fa-stack-1x fa-inverse shop-detail-focus-color1"></i>
                                    </span>
                        </a>
                        <div class="collapse " id="collapseExample">
                            <div class="detail-main-item2-store-tell-hidden">
                                <p><i class="fa fa-user"></i> 秦经理  &nbsp;&nbsp;&nbsp;<span style="color: #ff6278">188-8888-8888</span></p>
                                <p><i class="fa fa-user"></i> 秦经理  &nbsp;&nbsp;&nbsp;<span style="color: #ff6278">188-8888-8888</span></p>
                            </div>
                        </div>
                    </div>
                    <p class="shop-detail-address"><span>商家地址：</span><span>江苏省徐州市泉山区九州大厦B区12-1201</span></p>
                    <div class="shop-detail-txt">
                        <p><span class="shop-detail-txt-icon green-color">退</span><span>婚前45天可全额退款</span></p>
                        <p><span class="shop-detail-txt-icon yellow-color">诺</span><span style="line-height: 1.5">免费出城费  底片全送<br>现场出片10张</span></p>
                        <p><span class="shop-detail-txt-icon orange-color">免</span><span>在线支付抽免单</span></p>
                    </div>
                </div>
                <!--商家推荐-->
                <div class="detail-about-right shop-sjtj">
                    <h3>热门推荐</h3>
                    <ul>
                        <li>
                            <div class="detail-about-right-content">
                                <a href="#">
                                    <img src="../images/shop-sjtj.jpg">
                                    <p>
                                        <em class="shop-sjtj-size">婚车租赁-宝马</em>
                                        <span><b>¥</b>500</span>
                                    </p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-about-right-content">
                                <a href="#">
                                    <img src="../images/shop-sjtj.jpg">
                                    <p>
                                        <em class="shop-sjtj-size">婚车租赁-宝马</em>
                                        <span><b>¥</b>500</span>
                                    </p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-about-right-content">
                                <a href="#">
                                    <img src="../images/shop-sjtj.jpg">
                                    <p>
                                        <em class="shop-sjtj-size">婚车租赁-宝马</em>
                                        <span><b>¥</b>500</span>
                                    </p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="detail-about-right-content">
                                <a href="#">
                                    <img src="../images/shop-sjtj.jpg">
                                    <p>
                                        <em class="shop-sjtj-size">婚车租赁-宝马</em>
                                        <span><b>¥</b>500</span>
                                    </p>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--右-->
            <div class="detail-main-item2-right">
                <div class="hd">
                    <ul>
                        <li class="detail-main-item2-right-li on">商家套餐</li>
                        <li class="detail-main-item2-right-li">商家案例</li>
                        <li class="detail-main-item2-right-li">用户评论（5）</li>
                    </ul>
                </div>
                <div class="bd">
                    <!--商家套餐-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>商家套餐</span>
                                </div>
                                <div class="list-main-container-list">
                                    <a href="#" class="list-main-container-list-a shop-list-img"><img src="../images/shop-list.jpg"><div class="list-main-container-list-a-hidden"></div> </a>
                                    <div class="list-main-container-list-center shop-list">
                                        <a href="#" class="list-main-container-list-center-title shop-list-size15">PIXELFILM婚礼摄影工作室</a>
                                        <div class="list-main-container-list-detail shop-list-size12">
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                        </div>
                                        <div class="list-main-container-list-money shop-list-size20 mt15">
                                            <span>
                                                <b>¥</b> 8888&nbsp;&nbsp;&nbsp;&nbsp;
                                                <del>
                                                    <i>¥</i>12888
                                                </del>
                                            </span>
                                            <em><i class="fa fa-heart"></i> 30</em>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-main-container-list">
                                    <a href="#" class="list-main-container-list-a shop-list-img"><img src="../images/shop-list.jpg"><div class="list-main-container-list-a-hidden"></div> </a>
                                    <div class="list-main-container-list-center shop-list">
                                        <a href="#" class="list-main-container-list-center-title shop-list-size15">PIXELFILM婚礼摄影工作室</a>
                                        <div class="list-main-container-list-detail shop-list-size12">
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                        </div>
                                        <div class="list-main-container-list-money shop-list-size20 mt15">
                                            <span>
                                                <b>¥</b> 8888&nbsp;&nbsp;&nbsp;&nbsp;
                                                <del>
                                                    <i>¥</i>12888
                                                </del>
                                            </span>
                                            <em><i class="fa fa-heart"></i> 30</em>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-main-container-list">
                                    <a href="#" class="list-main-container-list-a shop-list-img"><img src="../images/shop-list.jpg"><div class="list-main-container-list-a-hidden"></div> </a>
                                    <div class="list-main-container-list-center shop-list">
                                        <a href="#" class="list-main-container-list-center-title shop-list-size15">PIXELFILM婚礼摄影工作室</a>
                                        <div class="list-main-container-list-detail shop-list-size12">
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                        </div>
                                        <div class="list-main-container-list-money shop-list-size20 mt15">
                                            <span>
                                                <b>¥</b> 8888&nbsp;&nbsp;&nbsp;&nbsp;
                                                <del>
                                                    <i>¥</i>12888
                                                </del>
                                            </span>
                                            <em><i class="fa fa-heart"></i> 30</em>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-main-container-list mb24">
                                    <a href="#" class="list-main-container-list-a shop-list-img"><img src="../images/shop-list.jpg"><div class="list-main-container-list-a-hidden"></div> </a>
                                    <div class="list-main-container-list-center shop-list">
                                        <a href="#" class="list-main-container-list-center-title shop-list-size15">PIXELFILM婚礼摄影工作室</a>
                                        <div class="list-main-container-list-detail shop-list-size12">
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                            <p><i class="fa fa-diamond"></i> <span>云龙湖影视基地+蔚蓝海岸+七彩花田+爱丽舍实景片场微微新娘婚</span> </p>
                                        </div>
                                        <div class="list-main-container-list-money shop-list-size20 mt15">
                                            <span>
                                                <b>¥</b> 8888&nbsp;&nbsp;&nbsp;&nbsp;
                                                <del>
                                                    <i>¥</i>12888
                                                </del>
                                            </span>
                                            <em><i class="fa fa-heart"></i> 30</em>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--商家案例-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>商家案例</span>
                                </div>
                                <div class="detail-main-item2-right-content-txt">
                                    <a href="#"><img src="../images/detail-img6.jpg"></a>
                                    <a href="#"><img src="../images/detail-img7.jpg"></a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--用户评论-->
                    <ul>
                        <li>
                            <div class="detail-main-item2-right-content">
                                <div class="detail-main-item2-right-content-title">
                                    <span>用户评论</span>
                                </div>
                                <div class="detail-main-item2-right-content-txt">
                                    <!--第一条评论-->
                                    <div class="detail-main-item2-right-content-pinglun">
                                        <p class="detail-main-item2-right-content-pinglun-photo"><img src="../images/detail-img4.jpg"></p>
                                        <div class="detail-main-item2-right-content-pinglun-content">
                                            <span>小芹菜</span>
                                            <p>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。
                                                开始心里还有些忐忑，付了全款，还送了好多东西。三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，
                                                心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。第二天的化妆师兰兰技术很棒，美美的造型很喜欢，
                                                最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                                            </p>
                                            <p class="detail-main-item2-right-content-pinglun-time">2016-4-16   10:22:31</p>
                                        </div>
                                    </div>
                                    <!--第二条评论-->
                                    <div class="detail-main-item2-right-content-pinglun">
                                        <p class="detail-main-item2-right-content-pinglun-photo"><img src="../images/detail-img4.jpg"></p>
                                        <div class="detail-main-item2-right-content-pinglun-content">
                                            <span>小芹菜</span>
                                            <p>提前差不多两个月就在婚礼纪逛了，最后还是选择了微爱，自己很喜欢这种风格，联系客服也很贴心的回答我的各种问题。
                                                开始心里还有些忐忑，付了全款，还送了好多东西。三月份来拍，感觉天气会比较好，不那么热，可是来之前看天气预报说要下雨，
                                                心里还比较担心，到了三亚接机的师傅也很好，服装师小雅更是好热情。第二天的化妆师兰兰技术很棒，美美的造型很喜欢，
                                                最辛苦的是摄影师啦，很卖力很贴心的一直教我们做动作逗我们笑，助理阿书也特别的好。总之这次三亚之行很满意哦
                                            </p>
                                            <p class="detail-main-item2-right-content-pinglun-time">2016-4-16   10:22:31</p>
                                        </div>
                                    </div>
                                    <!--分页-->
                                    <div class="list-page detail-main-item2-right-content-pinglun-page">
                                        <div class="list-page-box">
                                            <a href="#" class="list-page-prev">上一页</a>
                                            <a href="#">1</a>
                                            <a href="#">2</a>
                                            <a href="#">3</a>
                                            <a href="#">4</a>
                                            <a href="#">5</a>
                                            <a href="#">6</a>
                                            <a href="#">7</a>
                                            <a href="#">8</a>
                                            <a href="#">9</a>
                                            <a href="#" class="list-page-next">下一页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="../scripts/jquery-1.10.1.min.js"></script>
    <script src="../librarys/bootstrap/js/bootstrap.min.js"></script>
    <script src="../librarys/superslider/jquery.SuperSlide.2.1.1.js"></script>
    <script>
    jQuery(".detail-main-item2-right").slide({trigger:"click"});
    jQuery(".detail-main-item1-left").slide({mainCell:".bd ul",effect:"fold",trigger:"click"});
    jQuery(".detail-main-item1-right").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",vis:3,trigger:"click"});
    </script>
    <script>
        $(document).ready(function () {
            $(".detail-main-item1-left ul li,.detail-main-item1-center-type ul li").bind("click",function () {
                $(".detail-main-item1-left ul li,.detail-main-item1-center-type ul li").removeClass("active");
                $(this).addClass("active");
                return false;
            });
            $(".detail-main-item1-left .next,.detail-main-item1-left .prev").bind("click",function () {
                $(".detail-main-item1-left ul li").removeClass("active");
                return false;
            });
        });
    </script>

</body>
</html>